<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!-- 引入JSTL核心标签 前缀C开头 -->
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<base href="<%=basePath%>">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="bootstrap/js/jquery.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- 为了确保适当的绘制和触屏缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/common.css">
<title>加班记录</title>
</head>
<script type="text/javascript">
$(function(){
 	$("")
	 
	
});
</script>
<body>
	<div class="container">
		<div class="form-group col-md-12">
       <c:choose>
   			 <c:when test="${!empty overtimeMDs}">
                 <h2>个人加班记录</h2>
    			</c:when>
    		<c:otherwise>
      			  <h3>您没有加班记录</h3>
   			 </c:otherwise>
		</c:choose>
	
<div class="form-group col-md-5">
 <form action="selectOwnOvertime.do" method="post">
 <label for="daysInput">加班天数：</label>
<input type="time" class="form-control"	 name="days" id="daysInput" placeholder="天数" value="${days}">
<label for="reasonInput">加班原因：</label>
<input type="text" class="form-control"	 name="reason" id="reasonInput" placeholder="请假原因" value="${reason}">
<button type="submit" class="btn btn-primary" id="selectOvertimet">查询</button>
		</form>
		</div>
		<table class="table table-hover">
			<tr>
				<td>编号</td>
				<td>加班原因</td>
				<td>加班天数</td>
				<td>加班开始日期</td>
			</tr>
			<!-- 动态加载加班记录信息表 -->
			<c:forEach  var="overtime"  items="${overtimeMDs}" varStatus="abc">
			   <tr>
			 <!--    <td><input  type="checkbox" class="ovetimeInput" name="check"/></td> -->
				<td><c:out value="${abc.count}"/></td>
				<td>${overtime.reason} </td>
				<td>${overtime.days}</td>
				<td>${overtime.startdate}</td>
				</tr>
			</c:forEach>
		</table>
		 <div> <ul class="pagination">
			      ${pageList}
  		  </ul>
  		  </div>
  		  </div></div>
</body>
</html>